<template>
	<!-- 我的钱包 -->
	<view class="bigbox pt26">
		<!-- 头部钱包盒子 -->
		<view class="h320 boxr headerbox pt104">
			<view class="flex headerbox-info">
				<!-- 左边的盒子 -->
				<view class="flex1 headerbox-l flex row-column col-center row-center">
						<view class="headerbox-l-txt1">余额</view>
						<view class="mt32 headerbox-l-txt2">¥{{userInfo.money}}</view>
				</view>
				<!-- 右边的盒子 -->
				<view class="flex1 flex row-center col-center pt60 headerbox-r">
					<view class="headerbox-r-box1 mr26" @tap="$jump('/pages/my/myWallet/Recharge/Recharge')">充值</view>
					<view class="headerbox-r-box1"  @tap="$jump('/pages/my/myWallet/takeOutMoney/takeOutMoney')">提现</view>
				</view>
			</view>
		</view>
		<!-- /头部钱包盒子 -->
		
		<!-- banner盒子 -->
		<view class="bannerbox pl6 pr6 mt14">
			<view class="mt50 fs32" @click="$jump('/pages/my/myWallet/bill/bill')">
				总记录
			</view>
			<!-- 每一项 -->
			<view class="bannerbox-item pt60 pb60 flex row-between col-center" @tap="$jump('/pages/my/myWallet/mySubsidy/mySubsidy')">
				<!-- 左边的盒子 -->
				<view class="flex bannerbox-item-l" >
					<image src="/static/img/my/2qianbao-1.png" class="w34 h34 mr30"></image>
					<text>结算</text>
				</view>
				<!-- /左边的盒子 -->
				<view class="flex u-row-right">
					<text class="mr20 textmoy">{{userInfo.sum_subsidy}} 元</text>
					<u-icon name="arrow-right" color="#BBBBBB" size="20"></u-icon>
				</view>
				
			</view>
			<!-- /每一项 -->
			
			<!-- 每一项 -->
			<view class="bannerbox-item pt60 pb60 flex row-between col-center" @tap="$jump('/pages/home/luckDraw/WinList/WinList')">
				<!-- 左边的盒子 -->
				<view class="flex bannerbox-item-l">
					<image src="/static/img/my/2qianbao-2.png" class="w34 h34 mr30"></image>
					<text class="mr20">抽奖</text>
				</view>
				<!-- /左边的盒子 -->
				<view class="flex u-row-right">
					<text class="mr20 textmoy">{{userInfo.sum_luck_draw}} 元</text>
					<u-icon name="arrow-right" color="#BBBBBB" size="20"></u-icon>
				</view>
			
			</view>
			<!-- /每一项 -->
			<view class="bannerbox-item pt60 pb60 flex row-between col-center" @tap="$jump('/pages/home/invitation/invitationList/invitationList?from=1')">
				<!-- 左边的盒子 -->
				<view class="flex bannerbox-item-l">
					<image src="/static/img/my/2qianbao-3.png" class="w34 h34 mr30"></image>
					<text>邀请</text>
				</view>
				<!-- /左边的盒子 -->
				<view class="flex u-row-right">
					<text class="mr20 textmoy">{{userInfo.sum_invitation}} 元</text>
					<u-icon name="arrow-right" color="#BBBBBB" size="20"></u-icon>
				</view>
			
			</view>
			<!-- <view class="bannerbox-item pt60 pb60 flex row-between col-center" @tap="$jump('/pages/my/myWallet/bankCard/bankCard')">
				左边的盒子
				<view class="flex bannerbox-item-l">
					<image src="/static/img/my/2qianbao-4.png" class="w34 h34 mr30"></image>
					<text>银行卡</text>
				</view>
				/左边的盒子
				<u-icon name="arrow-right" color="#BBBBBB" size="20"></u-icon>
			</view>
			<view class="bannerbox-item pt60 pb60 flex row-between col-center" @tap="$jump('/pages/my/myWallet/IDcard/IDcard')">
				左边的盒子
				<view class="flex bannerbox-item-l">
					<image src="/static/img/my/2qiabao-5.png" class="w34 h34 mr30"></image>
					<text>身份证</text>
				</view>
				/左边的盒子
				<u-icon name="arrow-right" color="#BBBBBB" size="20"></u-icon>
			</view> -->
		</view>
		<!-- /banner盒子 -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userInfo:'',
				sum_invitation:uni.getStorageSync('userInfo').sum_invitation || 0,
			};
		},
		onNavigationBarButtonTap() {
			uni.navigateTo({
				url:'/pages/my/myWallet/bill/bill'
			})
		},
		onShow() {
			this.$user()
			this.userInfo = uni.getStorageSync('userInfo')
		},
			
	}
</script>

<style lang="scss">
page {
	background-color: #FFFFFF;
}
.headerbox {
	background: url('~@/static/img/my/2qianbao-bg.png') no-repeat;
	background-size: 100% 100%;
	.headerbox-info {
		height: 100%;
		.headerbox-l {
			.headerbox-l-txt1 {
				font-size: 28rpx;
				color: #0C162E;
			}
			.headerbox-l-txt2 {
				font-size: 48rpx;
				color: #0C162E;
			}
		}
		.headerbox-r {
			.headerbox-r-box1 {
				width: 134rpx;
				height: 60rpx;
				border: 2rpx solid #1C1C1C;
				border-radius: 30rpx;
				font-size: 28rpx;
				color: #0C162E;
				text-align: center;
				line-height: 60rpx;
			}
		}
	}
	
}
.bannerbox {
	.bannerbox-item {
		border-bottom: 2rpx solid #F2F2F2;
		.bannerbox-item-l {
			text {
				font-size: 30rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #1C1C1C;
			}
		}
		.textmoy {
			color: #FA3534;
			font-size: 30rpx;
		}
	}
}
</style>
